<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <header>
        <h1>同城旅游用户注册页面</h1>
    </header>
    <section class="regist-section">
        <div class="item">
            <label>手机号码</label>
            <input type="text" placeholder="请填写手机号码">
        </div>
        <div class="item">
            <label>登录密码</label>
            <input type="password" placehoder="请输入密码">
        </div>

        <div class="item">
            <label>确认密码</label>
            <input type="password" placehoder="请确认密码">
        </div>

        <div class="item">
            <label>验证码</label>
            <input type="text" class="validate-input">
            <img src="./inde.png" alt="验证码图片">
            <a href="#">换一张</a>
        </div>
        <div class="protcol">
            <input type="checkbox"><span>我有同城旅游合作联系</span>
        </div>

        <div class="protcol">
            <input type="checkbox"><span>我已阅读并同意</span>
            <a href="#">同城旅游服务条款</a>
        </div>
        <div class="btn-regist">同一条款并注册</div>
        
    </section>
    <footer>
        CopRight 2016 trip.com
    </footer>


</body>
</html>